#ScreenBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
#ScreenBox .screen-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#ScreenBox .screen-wrap .screen-view {
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  height: 56px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
#ScreenBox .screen-wrap .screen-view .screen-item {
  position: relative;
  margin-left: 5px;
}

.dzz-affix .el-affix--fixed {
  background: var(--el-bg-color-page);
}